<template>
    <div class="app">
        <div>
            <img class="logo" src="../assets/logo.png">
           河南科技学院
        </div>

        <router-link class="menu" to="/">首页</router-link>
        <router-link class="menu" to="/exit">退出</router-link>

    </div>
</template>
<script>
export default {
    
}
</script>
<style lang="less" scoped>
    .app{
        display: flex;
        div:nth-child(1){
            margin: 30px 50px 0 20px;

        }
        .logo{
            height: 50px;
            vertical-align: middle;
        }
        .menu{
            display: inline-block;
            text-decoration: none;
            width: 100px;
            height: 100px;
            background: rgb(156, 221, 170);
            text-align: center;
            line-height: 100px;
            color: #333;
        }
        .router-link-exact-active{
            color: #fff;
            background: #000;
        }
    }
</style>